<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>练习3</title>
    <script type="text/javascript" src="/script/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
      $(function () {
        $("#btn01").click(
                function () {
                  alert("选中的个数：" + $("input[type='checkbox']:checked").length);
                  $("input[type='checkbox']:checked").each(
                          function () {
                            alert("选中的值：" + $(this).val());
                          }
                  )
                }
        )
      })
    </script>
  </head>
  <body>
<!--  对多选框进行操作，输出选中的多选框的个数并且把选中爱好的名称显示-->
    <input type="checkbox" name="sport" value="lq">篮球
    <input type="checkbox" name="sport" value="pq">排球
    <input type="checkbox" name="sport" value="ymq">羽毛球
    <input type="checkbox" name="sport" value="ppq">乒乓球
    <input type="button" id="btn01" value="选中的个数">
  </body>
</html>